<template>
    <div class="">
        <div class="bananer">
            <div class="title"><img src="http://decorate.oss-cn-hangzhou.aliyuncs.com/static/img/bananer_logo.png"></div>
            <mt-swipe :auto="4000">
                <mt-swipe-item>
                    <a href="#"> <img src="http://img.family.lccz.com/2017/1106/1509933616664535268.png?imageslim|imageView2/1/w/750/h/400/interlace/1/q/100"></a>
                </mt-swipe-item>
                <mt-swipe-item>
                    <a href="#"> <img src="http://img.family.lccz.com/2017/1027/15090700310531908853.png?imageslim|imageView2/1/w/750/h/400/interlace/1/q/100"></a>
                </mt-swipe-item>
                <mt-swipe-item>
                    <a href="#"> <img src="http://img.family.lccz.com/2017/1106/15099337451953392007.png?imageslim|imageView2/1/w/750/h/400/interlace/1/q/100"></a>
                </mt-swipe-item>
            </mt-swipe>

        </div>
        <div class="classify">
            <ul>
                <li>
                    <a href="https://www.baidu.com"> <img src="http://img.family.lccz.com/2017/0730/15014174793593414544.png">日记</a>
                </li>
                <li>
                    <a href="#"> <img src="http://img.family.lccz.com/2017/0730/15014173734975243774.png">案例</a>
                </li>
                <li>
                    <a href="#"> <img src="http://img.family.lccz.com/2017/0730/15014176054157295389.png">公司</a>
                </li>
                <li>
                    <a href="#"> <img src="http://img.family.lccz.com/2017/0730/15014176649005446357.png">优惠</a>
                </li>
            </ul>
            <div style="clear:both"></div>
        </div>
        <div class="line2"></div>
        <div class="advert">
            <div class="advert_left">
                <a href="#"><img src="http://img.family.lccz.com/2017/0730/15014199430241926962.png"></a>
            </div>
            <div class="advert_right">
                <div class="advert_right_child">
                    <a href="#"><img src="http://img.family.lccz.com/2017/0730/15014201649505487383.png"></a>
                </div>
                <div class="advert_right_child">
                    <a href="#"><img src="http://img.family.lccz.com/2017/0731/15014665731044313725.png"></a>
                </div>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="line2"></div>
        <div class="shows">
            <ul>
                <li>
                    <a href="#">
                        <div>
                            <img src="http://img.family.lccz.com/2017/1109/15102026449519327195.jpg" alt="">
                        </div>
                        <strong>泰盈八千里 170平 现代（23张）</strong>
                        <p> 三室 | 现代 | 18万-30万 </p>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="http://img.family.lccz.com/2017/1108/15101129337471232719.jpg" alt=""></a>
                    <strong>泰盈八千里 170平 现代（23张）</strong>
                    <p> 三室 | 现代 | 18万-30万 </p>
                </li>
                     <li>
                    <a href="#">
                        <div>
                            <img src="http://img.family.lccz.com/2017/1109/15102026449519327195.jpg" alt="">
                        </div>
                        <strong>泰盈八千里 170平 现代（23张）</strong>
                        <p> 三室 | 现代 | 18万-30万 </p>
                    </a>
                </li>
                <li>
                    <a href="#"><img src="http://img.family.lccz.com/2017/1108/15101129337471232719.jpg" alt=""></a>
                    <strong>泰盈八千里 170平 现代（23张）</strong>
                    <p> 三室 | 现代 | 18万-30万 </p>
                </li>
            </ul>
        </div>

    </div>
</template>
